@charset "utf-8";
/*-----------------------------------// 全局样式 //-----------------------------------*/

@media screen and (max-width: 980px) {
	#top,#mainmain,#header,.links,#footer{ width:100%; }
	#footermain{ width:100%;}
	#logo{ width:100%; padding:0;}
	#header{ height:auto;}
	.flash_image img{ width:100%}
	#nav{ width:100%; }
	.navigation ul{ width:100%;}
	.navigation li{ width:8.5%; }
	.navigation li a:hover, .navigation li.hover a {}
	#banner{ width:100%;}
	.banpic{ width:100%;}
	.banpic images{ width:100%;}
   #main_con{ width:100%;}
   #right{ width:24%; margin-right:0px; margin-left:3px; }
#left{ width:73%;}
#right .list_con ul li{ width:94%;}
#left .pro_over{ width:100%;}
.pic_list_list, .prod_list_list{ width:23%; margin:0 5px;}
.prod_list_pic, .prod_list_pic img{ width:98%; padding:1px;}
.links ul{ width:100%;}
#footer .com_con{ width:96%;}

}
@media screen and (max-width: 800px) {

#nav{ width:100%; background:#1D1E20; height:80px; }
	.navigation li{ width:18.6%; line-height:40px; border-bottom:1px solid #fff;}
	.navigation li a:hover, .navigation li.hover a { background-image:none; line-height:40px; width:auto; height:auto;}
	
.banner{ margin-bottom:2%;}
#flashBg{ display:none;}
.sjbanner{ display:block; position:relative; z-index:0; margin-bottom:5px;}
.index_banner{margin:0px auto; width:100%; height:auto; }
.index_banner ul{overflow:hidden;}
.index_banner li{position: absolute; top: 0; left: 0;overflow: hidden; width: 100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position: absolute; bottom: 15px; left: 40%; z-index: 9999; display: block; width: 100px; height: 20px; _display: none;}
.index_banner cite span{float: left; display: block; width: 1em; height: 1em; text-indent: -999em; opacity: .8; cursor: pointer; background-image: url(../image/tg_flash_p2.png); background-repeat: no-repeat; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 5px; }
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{ cursor: default; background-image: url(../image/tg_flash_p.png); background-repeat: no-repeat; }	

}


@media screen and (max-width: 768px) {
		.navigation li{ width:17.6%; line-height:40px; border-bottom:1px solid #fff;}
#right{ width:100%; }
#left{ width:98%;}
#left .blk_t{ background:#e5e5e5; border-radius:15px; width:100%;}
#right .list_con ul li{ width:21%; float:left;}
#right .list_bot, #right .login_bot{ background-image:none;}
}

@media screen and (max-width: 640px) {
	.navigation li{ width:17%; line-height:40px; border-bottom:1px solid #fff;}

}
@media screen and (max-width: 580px) {
.pic_list_list, .prod_list_list{ width:48%; margin:1%;}
#right .list_con ul li{ width:29%;}
#artview_content{ text-indent:0 }
div#artview_content img{ max-width:100%;}
}

@media screen and (max-width: 480px) {
	#right .list_con ul li{ width:44%;}

}